/*引入公共变量*/
@import "base_min.less";
@import "publice.less";
@import "publice_user.less";
body{
  &.login{
	/*position: absolute;*/
	/*min-height: 580px;*/
	/*top:0;
	bottom: 0;*/
  }
}
/*初始化*/
.form_control{color:#87a7e1;}
.login_bg{position:absolute; bottom:0; left:0; z-index:-2; width:100%; height:auto;max-height: 90%;}


.login_icons{background-image: data-uri('../img/user/login_icons.png'); background-repeat: no-repeat; display:block; width:26px; height:22px; }

/*登录*/
.user_login{width:335px; height:440px; /*position:absolute; top:50%; left:50%; margin-top:-215px; margin-left:-153px;*/ margin:10px auto 0 auto; 
	.login_title{font-size:32px; color:#5a9ae1; font-family:'宋体'; text-align:center; line-height:35px;
		span{display:block;}
	}
	.login_title_en{font-size:13px; color:#bebebe; text-align:center; line-height:15px; margin-top:10px;
		span{display:block;}
	}
	.form_error{color:red; margin:10px 0 5px 0; padding-left:25px; height:18px;
		label.error{margin-right:10px;}
		a{color:#4f83d2;}
	}
	.formbox{width:282px; border:@border; .border_radius(3px); padding:23px 24px 23px 24px; background-color:#fefefe;  position:relative;}
	.login_form_bg{width:300px; height:285px; z-index:-1; background:url(../img/user/login_form_bg.png) no-repeat; position:absolute; top:0; right:-5px;}
	//.login_form_bg2{width:300px; height:340px;  z-index:-1; background:url(../img/user/login_form_bg2.png) no-repeat; position:absolute; top:0; right:-5px;}
	.form_control{width: 222px;	 padding:10px 10px 10px 50px; .box_shadow(inset 0 3px rgba(227,227,227,.66));}
	.item{margin-bottom:12px; position:relative;}
	.email_icon{background-position: 0 0; position:absolute; left:10px; top:13px;}
	.pass_icon{background-position: 0 -51px; position:absolute; left:10px; top:13px;}
	.login_btn{.btn_attr(100%, 43px, 18px, #fff); line-height:18px;}
	.auto_login{cursor:pointer; color:#77777d;
		.user_icons{width:14px; height:14px; background-position:-37px 0; vertical-align:-2px;}
		span{padding-left:8px;}
		.active{background-position:-56px 0;}
	}
	.hidden_box{visibility: hidden; position: absolute; }
	.to_btn{margin:18px 0 0 0; 
		span{color:#a3a4a8; margin-right:18px; position:relative; left:0; top:5px;}
		.simple_btn{.btn_attr(89px, 28px, 12px, #5179c4); text-decoration:none;}
		.user_icons{width:14px; height:14px; vertical-align:-2px; margin-left:6px;}
	}
	.item_code{margin-top:15px; 
		.field{display:inline;}
		.form_control{width: 50px; height: 34px; line-height:34px; margin: 0 10px;  padding:0 10px;}
	}
	.img_code{vertical-align:-11px; cursor:pointer; margin-right:22px;}
}



.footer{text-align:center; color:#fff;margin: 20px auto;
  width: 100%;
	p{margin:0;}
	a{color:#fff;}
    a:hover{text-decoration: underline;}
}

/*@media only screen and (min-height: 580px){
  .footer{
	position: absolute;
	margin: 20px auto;
	width: 100%;
  }
}*/
.oauth-list{
	display: inline-block;
	vertical-align: middle;
	padding: 5px;
	width: 175px;
	text-align: right;
	dl{
		display: inline-block;
		line-height: normal;
	}
	dd{
		display: inline-block;
		padding:0;
		margin: 0;
		a{
			display: inline-block;
			img{
				display: inline-block;
				vertical-align: middle;
			}
		}
	}
}


